﻿@model Gozib.Web.Models.Bus.BusBookingInfo
@{
    ViewBag.Title = "Booking";
}
@using (Html.BeginForm())
{
    <!-- Hidden Fild section -->
    @Html.HiddenFor(m => m.RouteScheduleId);
    @Html.HiddenFor(m => m.FromCityId);
    @Html.HiddenFor(m => m.FromCityName);
    @Html.HiddenFor(m => m.ToCityId);
    @Html.HiddenFor(m => m.ToCityName);
    @Html.HiddenFor(m => m.BusOperator);
    @Html.HiddenFor(m => m.BusType);
    @Html.HiddenFor(m => m.JourneyDate);
    @Html.HiddenFor(m => m.JourneyTime);
    @Html.HiddenFor(m => m.ArrivalDate);
    @Html.HiddenFor(m => m.ArrivalTime);
    @Html.HiddenFor(m => m.BordingPoint);
    @Html.HiddenFor(m => m.ServiceFee);
    @Html.HiddenFor(m => m.GrandTotal);
    @Html.HiddenFor(m => m.Discount);
    @Html.HiddenFor(m => m.FareTotal);
    <!-- /End Hidden Field -->
    
    <div class="container-fluid">
        <div class="row-fluid">
            <section class="span3 well" >
                <h4>Booking Detail </h4>
                <hr />
                <i class="icon-share-alt"></i>
                <b>@Html.DisplayFor(model => model.FromCityName)</b>
                <small>to</small>
                <b>@Html.DisplayFor(model => model.ToCityName)</b>  
                <br />
                @Html.DisplayFor(model => model.BusOperator)
                <br />
                <small>@Html.DisplayFor(model => model.BusType)</small>
                <br />
                <i class="icon-share-alt"></i>
                <b>Pickup</b>
                <br />
                <small>@Html.DisplayFor(model => model.JourneyDate)
                &nbsp;
                @Html.DisplayFor(model => model.JourneyTime)</small>
                <br />
                @Html.DisplayFor(model => model.BordingPoint)
                <hr />
                <div class="row-fluid" >
                    <div class="span6">
                        <b>Total Fare</b>
                        <br />
                        <b>Service Fee</b>
                        <br />
                        <b>Discount</b>
                    </div>
                    <div class="span6">
                        Rs @Html.DisplayFor(model => model.FareTotal)
                        <br />
                        Rs @Html.DisplayFor(model => model.ServiceFee)
                        <br />
                        Rs @Html.DisplayFor(model => model.Discount)
                    </div>
                </div>
                <hr />                 
                <div class="row-fluid" >
                    <div class="span6">
                        <b>Grand Total</b>
                    </div>
                    <div class="span6">
                        Rs @Html.DisplayFor(model => model.GrandTotal)
                    </div>
                </div>
            </section>
             <section class="span9">
                <h3 class="label label-info">Traveller Details</h3>                
                <div class="well form-search" >                
                    @for (int i = 0; i < @Model.SelectedSeats.Count; i++)
                    {
                        <div class="control-group">                      
                            <!--<label class="control-label" ><b class="badge badge-warning">@Model.SelectedSeats[i].SeatNo</b></label>                            -->                            
                            <div class="controls">                       
                                <span class="badge badge-info">@(i + 1)</span>
                                @Html.TextBoxFor(m => m.SelectedSeats[i].FirstName, new { @class = "input", @placeholder = "First Name" })                                 
                                @Html.TextBoxFor(m => m.SelectedSeats[i].LastName, new { @class = "input", @placeholder = "Last Name" })         
                                @Html.DropDownListFor(m => m.SelectedSeats[i].Age, Gozib.Web.Models.CollectionManager.AgeList(), new { @class = "input-small" })
                                 <label class="radio inline">
                                    @Html.RadioButtonFor(m => m.SelectedSeats[i].IsFemale, "false")
                                    Male
                                </label>
                                <label class="radio inline">
                                    @Html.RadioButtonFor(m => m.SelectedSeats[i].IsFemale, "true")
                                    Female
                                 </label>
                                @Html.HiddenFor(m => m.SelectedSeats[i].SeatNo)
                                @Html.HiddenFor(m => m.SelectedSeats[i].Fare) 
                            </div>
                        </div>
                    }
                </div>
                <div class="well form-search">
                    <div class="control-group">
                        <div class="controls">
                           @Html.TextBoxFor(m => m.CustomerEmail, new { @class = "input-xlarge", @placeholder = "Email" })         
                           @Html.TextBoxFor(m => m.CustomerMobileNo, new { @class = "input-xlarge", @placeholder = "Mobile Number" })         
                        </div>                        
                    </div>
                </div>
                <h3 class="label label-info">Payment Details</h3>     
                <ul class="nav nav-tabs">
                    <li class="active"><a href="#A" data-toggle="tab">Credit Card</a></li>
                    <li><a href="#B" data-toggle="tab">Netbanking</a></li>                    
                </ul> 
                <fieldset class="form-horizontal">
                  <!-- Name -->
                  <div class="control-group">
                    <label class="control-label"  for="username">Card Holder's Name</label>
                    <div class="controls">
                      @Html.TextBoxFor(m => m.PaymentDetail.CardHolderName, new { @class = "input-xlarge", maxlength = 80, @placeholder = "" })      
                    </div>
                    <label class="control-label" for="email">Card Number</label>
                    <div class="controls">
                      @Html.TextBoxFor(m => m.PaymentDetail.CardNumber, new { @class = "input-xlarge", maxlength = 16, autocomplete = "off", @placeholder = "" })      
                    </div>
                    <label class="control-label" for="password">Card Expiry Date</label>
                    <div class="controls">
                      @Html.DropDownListFor(m => m.PaymentDetail.ExpiryMonth, Gozib.Web.Models.CollectionManager.ExpiryMonths(), new { @class = "span2" })
                      @Html.DropDownListFor(m => m.PaymentDetail.ExpiryYear, Gozib.Web.Models.CollectionManager.ExpiryYears(), new { @class = "span2" })
                    </div>
                    <label class="control-label"  for="password_confirm">Card CVV</label>
                    <div class="controls">
                      @Html.TextBoxFor(m => m.PaymentDetail.CVV, new { @class = "span2", maxlength = 3, autocomplete = "off", @placeholder = "" })      
                    </div>                    
                  </div>  
                  <div class="control-group">
                    <label class="control-label">&nbsp;</label>
                    <div class="controls">
                        <input type="submit" value="Make Payment" class="btn btn-danger" />
                    </div>
                  </div>              
             </section>
        </div>
    </div>
}
@section scripts{


}
